/* =========================================================
   颜匠网主题色 Theme (C端美化增强层) - 医美平台专属配色
   设计理念：清新、自然、专业、舒适
   主色：#429596（蓝绿）/ 深色：#042b41（深海蓝）- 专业稳重、清爽耐看
   渐变：#9ab9c1（灰蓝）- 柔和过渡与搭配
   浅色：#e0f7fa（淡青）- 柔和背景与装饰
   背景：#f5fdfd（极淡青白）- 营造清爽舒适的视觉环境
   注意：尽量不引入额外"明显颜色"，边框/阴影使用透明度实现
   使用CSS变量统一管理颜色，便于维护和修改
   ========================================================= */

/* =========== CSS变量定义 =========== */
:root {
  /* 主色调 - 绿色系（#72b126） */
  --color-primary: #72b126;           /* 主色：#72b126 - (114, 177, 38) */
  --color-primary-dark: #72b126;      /* 深色：#5a8d1e - (90, 141, 30) 用于按钮/选中/强调 */
  --color-primary-light: #f0f7e8;     /* 更浅：浅绿色 - (240, 247, 232) 背景和装饰 */
  --color-primary-accent: #72b126;    /* 点缀色：绿色 - (114, 177, 38) */
  
  /* 辅助色 */
  --color-secondary: #f0f7e8;         /* 副色：极淡绿色 */
  --color-secondary-dark: #c8e0a8;    /* 深副色：浅绿色 - 用于边框或深背景 */
  
  /* RGB值（用于rgba） */
  --color-primary-rgb: 114, 177, 38;        /* 主色RGB */
  --color-primary-dark-rgb: 90, 141, 30;      /* 深色RGB */
  --color-primary-accent-rgb: 114, 177, 38; /* 点缀色RGB */
  --color-primary-light-rgb: 240, 247, 232; /* 更浅RGB */
  
  /* 背景色 */
  --color-bg: #fafbf8;                /* 背景：极淡绿色 */
  --color-bg-white: #ffffff;          /* 白色背景 */
  --color-bg-light: #f5f8f0;          /* 浅背景 */
  
  /* 文字色 - 保持冷灰色系 */
  --color-text-dark: #2c3e50;          /* 深色文字 - 深蓝灰 */
  --color-text-normal: #4a5568;        /* 正常文字 - 蓝灰 */
  --color-text-light: #718096;         /* 浅色文字 - 浅蓝灰 */
  --color-text-lighter: #a0aec0;       /* 更浅文字 */
  --color-text-white: #ffffff;         /* 白色文字 */
  
  /* 边框色 */
  --color-border: rgba(var(--color-primary-dark-rgb), 0.28);       /* 边框色 - 深色半透明 */
  --color-border-light: rgba(var(--color-primary-rgb), 0.22);      /* 浅边框 */
}

/* =========== 导航栏美化 (优化版) =========== */
.filter_img{
  filter: blur(15px) !important;
}

/* 导航容器 - 极简磨砂质感 */
.ai-nav{
  position: relative;
  z-index: 90;
  /* 背景色：使用绿色主题背景 */
  /* background-color: rgba(var(--color-primary-light-rgb), 0.4);
  background-image: linear-gradient(180deg, 
    rgba(255,255,255,0.9) 0%, 
    rgba(var(--color-primary-light-rgb), 0.5) 100%); */
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-bottom: 2px solid rgba(var(--color-primary-rgb), 0.15);
  box-shadow: 
    0 4px 20px rgba(var(--color-primary-rgb), 0.1),
    inset 0 1px 0 rgba(255,255,255,0.4);
  padding: 8px 0;
  transition: all 0.3s ease;
}
/* 暗色导航文字对比度 */
.heade-nav-con.ai-nav.ai-nav--dark .nav-item a{
  text-shadow: 0 1px 1px rgba(0,0,0,0.22);
}

/* Hover：轻微发光底 */
.heade-nav-con.ai-nav.ai-nav--dark .nav-item:hover{
  background: rgba(255,255,255,0.10);
}
.heade-nav-con.ai-nav.ai-nav--dark .nav-item:hover a{
  color:#72b126 ;
}

/* Active：用主题色做“亮胶囊”，在深底上更醒目 */
.heade-nav-con.ai-nav.ai-nav--dark .nav-item.active{
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-accent) 100%);
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow:
    0 10px 22px rgba(0,0,0,0.22),
    0 0 0 1px rgba(var(--color-primary-rgb), 0.14),
    inset 0 2px 0 rgba(255,255,255,0.20);
}
.heade-nav-con.ai-nav.ai-nav--dark .nav-item.active a{
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.22);
}

/* 滚动后：更“稳”的深色（脚本会加 .scrolled） */
.heade-nav-con.ai-nav.ai-nav--dark.scrolled{
  background-color: rgba(var(--color-primary-dark-rgb), 0.97);
  background-image: linear-gradient(
    180deg,
    rgba(var(--color-primary-dark-rgb), 0.98) 0%,
    rgba(var(--color-primary-rgb), 0.16) 100%
  );
  box-shadow: 0 14px 40px rgba(0,0,0,0.32);
}



/* 兜底背景 */
.heade-nav-con.ai-nav{
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.15) 0%, 
    rgba(var(--color-primary-light-rgb), 0.4) 100%);
  background-image: linear-gradient(
    180deg,
    rgba(var(--color-primary-rgb), 0.12) 0%,
    rgba(var(--color-primary-light-rgb), 0.35) 50%,
    rgba(var(--color-primary-rgb), 0.08) 100%
  );
  border-top: 2px solid rgba(var(--color-primary-rgb), 0.2);
  border-bottom: 2px solid rgba(var(--color-primary-rgb), 0.15);
  box-shadow: 
    0 4px 20px rgba(var(--color-primary-rgb), 0.12),
    inset 0 1px 0 rgba(255,255,255,0.3);
}

/* 滚动后的导航状态（header.html 里脚本会切换 .scrolled） */
.heade-nav-con.ai-nav.scrolled{
  background-color: #ffffff;
  background-image: linear-gradient(
    180deg,
    rgba(255,255,255,0.98) 0%,
    rgba(var(--color-primary-light-rgb), 0.5) 100%
  );
  border-top: 2px solid rgba(var(--color-primary-rgb), 0.25);
  border-bottom: 2px solid rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 
    0 6px 24px rgba(var(--color-primary-rgb), 0.15),
    inset 0 1px 0 rgba(255,255,255,0.5);
}

.ai-nav .nav-con{
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding:10px 20px 5px 20px;
  position: relative;
  z-index: 1;
  min-height: auto;
}

/* 导航项 - 胶囊风格 */
.ai-nav .nav-item{
  position: relative;
  flex: 0 0 auto;
  height: 42px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: radial-gradient(circle at 12% 35%, rgba(var(--color-primary-rgb), 0.18) 0%, rgba(var(--color-primary-rgb), 0) 52%),
  radial-gradient(circle at 82% 30%, rgba(var(--color-primary-accent-rgb), 0.14) 0%, rgba(var(--color-primary-accent-rgb), 0) 55%),
  linear-gradient(180deg, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0.46) 100%);
  border: none;
}

/* 移除旧的伪元素干扰 */
.ai-nav .nav-item::before{
  display: none;
}

/* 链接样式 */
.ai-nav .nav-item a{
  position: relative;
  z-index: 2;
  display: block;
  padding: 0 24px;
  height: 100%;
  line-height: 42px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text-dark);
  text-decoration: none;
  transition: color 0.3s ease;
}

/* 移除旧的下划线 */
.ai-nav .nav-item a::after{
  display: none;
}

/* 悬停效果 - 出现浅色胶囊底 */
.ai-nav .nav-item:hover{
  background: rgba(var(--color-primary-rgb), 0.08);
  transform: translateY(-1px);
}

.ai-nav .nav-item:hover a{
  color: var(--color-primary-dark);
  font-weight: 600;
  letter-spacing: normal;
}

/* 激活状态 - 实心胶囊 */
.ai-nav .nav-item.active{
  background: rgba(var(--color-primary-dark-rgb), 0.92);
  border: 1px solid rgba(255,255,255,0.38);
  box-shadow:
    0 10px 22px rgba(var(--color-primary-dark-rgb), 0.26),
    inset 0 2px 0 rgba(255,255,255,0.20);
}

.ai-nav .nav-item.active a{
  color: #ffffff;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0,0,0,0.16);
}

/* 点击反馈 */
.ai-nav .nav-item:active{
  transform: scale(0.96);
}

/* 响应式适配 */
@media (max-width: 768px){
  .ai-nav{
    padding: 5px 0;
  }
  .ai-nav .nav-con{
    justify-content: flex-start;
    overflow-x: auto;
    padding: 10px 15px;
    gap: 8px;
    scrollbar-width: none;
  }
  .ai-nav .nav-con::-webkit-scrollbar {
    display: none;
  }
  
  .ai-nav .nav-item{
    height: 36px;
    border: 1px solid rgba(0,0,0,0.05);
  }

  /* 暗色导航：移动端边框换成白色半透明，避免发灰 */
  .ai-nav.ai-nav--dark .nav-item{
    border: 1px solid rgba(255,255,255,0.14);
  }
  
  .ai-nav .nav-item a{
    padding: 0 16px;
    line-height: 36px;
    font-size: 14px;
    white-space: nowrap;
  }
  
  .ai-nav .nav-item.active{
    border-color: var(--color-primary-dark);
  }
}

/* header 与 nav 间距 */
.ai-header + .ai-nav{
  margin-top: 10px;
}

/* 深色头部 + 深色导航：取消 10px 间距，并让两者轻微覆盖，避免出现接缝线 */
.ai-header.ai-header--dark + .ai-nav.ai-nav--dark{
  margin-top: -8px;
  
}


/* =========== 头部区域美化 (ai-header) =========== */
.ai-header {
  background: #ffffff;
  position: relative;
  z-index: 100;
  transition: all 0.3s ease;
  border-bottom: 3px solid var(--color-primary);
  box-shadow: 0 2px 12px rgba(var(--color-primary-rgb), 0.15);
}

/* 顶部装饰条 */
.ai-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, 
    var(--color-primary) 0%, 
    var(--color-primary-light) 50%, 
    var(--color-primary) 100%);
  z-index: 1;
}

/* 底部高光线 */
.ai-header::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(var(--color-primary-rgb), 0.3) 50%, 
    transparent 100%);
  z-index: 1;
}


.ai-header .header_box {
  padding: 12px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 80px;
  max-width: 1200px;
  margin: 0 auto;
  gap: 24px;
  position: relative;
  z-index: 2;
  background: linear-gradient(to bottom, 
    rgba(255,255,255,1) 0%, 
    rgba(var(--color-primary-light-rgb), 0.3) 100%);
}

/* Logo 及其装饰效果 */
.ai-header .header_box > a {
  display: block;
  position: relative;
  overflow: visible;
  border-radius: 12px;
  padding: 8px 12px;
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.08) 0%, 
    rgba(var(--color-primary-rgb), 0.03) 100%);
  border: 2px solid rgba(var(--color-primary-rgb), 0.15);
  transition: all 0.3s ease;
}

.ai-header .header_box > a::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(135deg, 
    var(--color-primary) 0%, 
    var(--color-primary-light) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ai-header .header_box > a:hover::before {
  opacity: 1;
}

.ai-header .header_box > a:hover {
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.12) 0%, 
    rgba(var(--color-primary-rgb), 0.06) 100%);
  border-color: rgba(var(--color-primary-rgb), 0.3);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(var(--color-primary-rgb), 0.2);
}

.ai-header .header-logo {
  height: 50px;
  width: auto;
  transition: transform .3s ease;
  display: block;
  filter: drop-shadow(0 2px 4px rgba(var(--color-primary-rgb), 0.1));
}

.ai-header .header_box > a:hover .header-logo {
  transform: scale(1.05);
  filter: drop-shadow(0 4px 8px rgba(var(--color-primary-rgb), 0.2));
}

/* 搜索框增强 - 全新设计 */
.ai-header .searchnav_con {
  flex: 1;
  max-width: 550px;
  margin: 0 40px;
  position: relative;
}

.ai-header .yz_searchCon {
  background: #ffffff;
  border: 2px solid rgba(var(--color-primary-rgb), 0.2);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 4px 16px rgba(var(--color-primary-rgb), 0.12),
    inset 0 1px 0 rgba(255,255,255,0.8);
  display: flex;
  align-items: center;
  height: 52px;
  position: relative;
}

/* 搜索框左侧装饰 */
.ai-header .yz_searchCon::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, 
    var(--color-primary) 0%, 
    var(--color-primary-light) 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ai-header .yz_searchCon:hover::before,
.ai-header .yz_searchCon:focus-within::before {
  opacity: 1;
}

/* 浅色头部：搜索框/按钮样式 */
.ai-header.ai-header--dark .yz_searchCon{
  background: #ffffff;
  border: 2px solid rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 
    0 4px 16px rgba(var(--color-primary-rgb), 0.12),
    inset 0 1px 0 rgba(255,255,255,0.8);
}
.ai-header.ai-header--dark .yz_searchCon:hover{
  border-color: rgba(var(--color-primary-rgb), .5);
  box-shadow: 
    0 6px 24px rgba(var(--color-primary-rgb), 0.18),
    inset 0 1px 0 rgba(255,255,255,0.9);
  transform: translateY(-2px);
  background: linear-gradient(to bottom, #ffffff 0%, rgba(var(--color-primary-light-rgb), 0.4) 100%);
}
.ai-header.ai-header--dark .yz_searchCon:focus-within{
  border-color: var(--color-primary);
  background: linear-gradient(to bottom, #ffffff 0%, rgba(var(--color-primary-light-rgb), 0.5) 100%);
  box-shadow:
    0 8px 28px rgba(var(--color-primary-rgb), 0.25),
    0 0 0 3px rgba(var(--color-primary-rgb), .2),
    inset 0 1px 0 rgba(255,255,255,0.9);
  transform: translateY(-2px);
}
.ai-header.ai-header--dark .yz_seatext{
  color: var(--color-text-dark);
}
.ai-header.ai-header--dark .yz_seatext::placeholder{
  color: #aab2c0;
}
.ai-header.ai-header--dark .yz_seabtn{
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  border-left: 2px solid rgba(var(--color-primary-rgb), 0.2);
  color: #ffffff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.ai-header.ai-header--dark .yz_seabtn:hover{
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  box-shadow: 
    -4px 0 16px rgba(var(--color-primary-rgb), 0.3),
    inset 0 1px 0 rgba(255,255,255,0.3);
  transform: scale(1.02);
}

.ai-header .yz_searchCon:hover {
  border-color: rgba(var(--color-primary-rgb), .5);
  background: rgba(255,255,255,.66);
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}

.ai-header .yz_searchCon:focus-within {
  border-color: rgba(var(--color-primary-rgb), .7);
  background: rgba(255,255,255,.72);
  box-shadow:
    0 12px 26px rgba(0,0,0,.07),
    0 0 0 4px rgba(var(--color-primary-rgb), .16);
}

.ai-header .yz_sealeft {
  flex: 1;
  padding-left: 20px;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

/* 搜索图标装饰（伪元素） */
.ai-header .yz_sealeft::before {
  content: '🔍';
  position: absolute;
  left: 18px;
  font-size: 18px;
  opacity: 0.3;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1;
}

.ai-header .yz_searchCon:hover .yz_sealeft::before,
.ai-header .yz_searchCon:focus-within .yz_sealeft::before {
  opacity: 0.6;
  transform: scale(1.1);
}

.ai-header .yz_seatext {
  width: 100%;
  height: 100%;
  border: none !important;
  font-size: 15px;
  color: var(--color-text-dark);
  padding: 0 0 0 32px;
  outline: none;
  background: transparent;
  min-width: 0;
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  font-weight: 500;
}

.ai-header .yz_seatext::placeholder {
  color: #aab2c0;
  transition: color 0.3s;
}

.ai-header .yz_searchCon:hover .yz_seatext::placeholder {
  color: #8890a0;
}

.ai-header .yz_seabtn {
  width: 110px;
  height: 100%;
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  border: 0;
  border-left: 2px solid rgba(var(--color-primary-rgb), 0.2);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0 10px 10px 0;
  outline: none;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}

.ai-header .yz_seabtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
  transition: left 0.5s ease;
}

.ai-header .yz_seabtn:hover::before {
  left: 100%;
}

.ai-header .yz_seabtn:hover {
  background: linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 100%);
  box-shadow: 
    -4px 0 16px rgba(var(--color-primary-rgb), 0.3),
    inset 0 1px 0 rgba(255,255,255,0.3);
  transform: scale(1.02);
}

.ai-header .yz_seabtn:active {
  transform: translateY(1px);
}

.ai-header .yz_seabtn:focus-visible {
  box-shadow:
    -8px 0 18px rgba(var(--color-primary-rgb), .10),
    0 0 0 4px rgba(var(--color-primary-rgb), .14);
}

/* 右侧联系区域 */
.ai-header .login-con {
  display: flex;
  align-items: center;
  gap: 16px;
}

.ai-header .header-phone {
  padding: 10px 20px;
  border-radius: 10px;
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.1) 0%, 
    rgba(var(--color-primary-rgb), 0.05) 100%);
  border: 2px solid rgba(var(--color-primary-rgb), 0.2);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  overflow: hidden;
  box-shadow: 
    0 4px 12px rgba(var(--color-primary-rgb), 0.15),
    inset 0 1px 0 rgba(255,255,255,0.6);
  min-width: 140px;
}

/* 电话按钮装饰背景 */
.ai-header .header-phone::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent 0%, 
    rgba(var(--color-primary-rgb), 0.1) 50%, 
    transparent 100%);
  transition: left 0.5s ease;
}

.ai-header .header-phone:hover::after {
  left: 100%;
}

/* 浅色头部：电话/二维码样式 */
.ai-header.ai-header--dark .header-phone{
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.12) 0%, 
    rgba(var(--color-primary-rgb), 0.06) 100%);
  border: 2px solid rgba(var(--color-primary-rgb), 0.25);
  box-shadow: 
    0 4px 12px rgba(var(--color-primary-rgb), 0.15),
    inset 0 1px 0 rgba(255,255,255,0.6);
  transition: all 0.3s ease;
}
.ai-header.ai-header--dark .header-phone:hover{
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.2) 0%, 
    rgba(var(--color-primary-rgb), 0.12) 100%);
  border-color: var(--color-primary);
  box-shadow: 
    0 6px 20px rgba(var(--color-primary-rgb), 0.25),
    inset 0 1px 0 rgba(255,255,255,0.7);
  transform: translateY(-3px) scale(1.02);
}
.ai-header.ai-header--dark .header-phone > div > span:first-child{
  color: var(--color-text-light);
}
.ai-header.ai-header--dark .header-phone > div > span:last-child{
  color: rgba(var(--color-primary-rgb), 1);
  font-weight: 700;
}
.ai-header.ai-header--dark .header-phone:hover > div > span:first-child{
  color: var(--color-text-normal);
}
.ai-header.ai-header--dark .header-phone:hover > div > span:last-child{
  color: rgba(var(--color-primary-rgb), 1);
}
.ai-header.ai-header--dark .header-ewm{
  background: linear-gradient(135deg, 
    rgba(255,255,255,0.95) 0%, 
    rgba(var(--color-primary-light-rgb), 0.6) 100%);
  border: 2px solid rgba(var(--color-primary-rgb), 0.25);
  box-shadow: 
    0 4px 16px rgba(var(--color-primary-rgb), 0.15),
    inset 0 1px 0 rgba(255,255,255,0.8);
  transition: all 0.3s ease;
}
.ai-header.ai-header--dark .header-ewm:hover{
  border-color: var(--color-primary);
  box-shadow: 
    0 24px 60px rgba(var(--color-primary-rgb), 0.35),
    inset 0 1px 0 rgba(255,255,255,0.9);
  background: linear-gradient(135deg, 
    rgba(255,255,255,1) 0%, 
    rgba(var(--color-primary-light-rgb), 0.8) 100%);
}

/* 电话图标 */
.ai-header .header-phone-icon {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  object-fit: contain;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 2px 4px rgba(var(--color-primary-rgb), 0.2));
}

/* 电话文字容器 */
.ai-header .header-phone > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}

.ai-header .header-phone::before {
  display: none;
}

.ai-header .header-phone:hover {
  background: linear-gradient(135deg, 
    rgba(var(--color-primary-rgb), 0.2) 0%, 
    rgba(var(--color-primary-rgb), 0.12) 100%);
  border-color: var(--color-primary);
  transform: translateY(-3px) scale(1.02);
  box-shadow: 
    0 6px 20px rgba(var(--color-primary-rgb), 0.25),
    inset 0 1px 0 rgba(255,255,255,0.7);
}

.ai-header .header-phone:hover .header-phone-icon {
  transform: scale(1.15) rotate(5deg);
  filter: drop-shadow(0 2px 4px rgba(var(--color-primary-rgb), 0.3));
}

.ai-header .header-phone > div > span {
  display: block;
  line-height: 1.2;
  text-align: center;
}

.ai-header .header-phone > div > span:first-child {
  color: #999;
  font-size: 11px;
  transition: color 0.3s;
  position: relative;
  z-index: 2;
}

.ai-header .header-phone > div > span:last-child {
  color: rgba(var(--color-primary-rgb), 1);
  font-size: 16px;
  font-weight: 700;
  font-family: Arial, sans-serif;
  transition: color 0.3s;
  position: relative;
  z-index: 2;
}

.ai-header .header-phone:hover > div > span:first-child{
  color: #666;
}
.ai-header .header-phone:hover > div > span:last-child{
  color: rgba(var(--color-primary-rgb), 1);
}

.ai-header .header-ewm {
  height: 68px;
  width: 68px;
  border-radius: 12px;
  border: 2px solid rgba(var(--color-primary-rgb), 0.25);
  padding: 4px;
  background: linear-gradient(135deg, 
    rgba(255,255,255,0.95) 0%, 
    rgba(var(--color-primary-light-rgb), 0.6) 100%);
  box-shadow: 
    0 4px 16px rgba(var(--color-primary-rgb), 0.15),
    inset 0 1px 0 rgba(255,255,255,0.8);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: zoom-in;
  object-fit: contain;
  position: relative;
  overflow: hidden;
}

/* 二维码装饰边框 */
.ai-header .header-ewm::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(135deg, 
    var(--color-primary) 0%, 
    var(--color-primary-light) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: -1;
}

.ai-header .header-ewm:hover::before {
  opacity: 1;
}

.ai-header .header-ewm:hover {
  transform: scale(2.1) translateY(10px) translateX(-10px);
  transform-origin: top right;
  border-color: var(--color-primary);
  background: linear-gradient(135deg, 
    rgba(255,255,255,1) 0%, 
    rgba(var(--color-primary-light-rgb), 0.8) 100%);
  box-shadow: 
    0 24px 60px rgba(var(--color-primary-rgb), 0.35),
    inset 0 1px 0 rgba(255,255,255,0.9);
  z-index: 1000;
}

/*（已合并）原“导航栏补充优化 (ai-nav)”段落会与上面冲突覆盖，已移除 */

/* 搜索框聚焦动画 */
.ai-header .yz_searchCon:focus-within {
  animation: none;
}

@keyframes searchPulse {
  0%, 100% { box-shadow: 0 4px 15px rgba(var(--color-primary-rgb), 0.15); }
  50% { box-shadow: 0 4px 20px rgba(var(--color-primary-rgb), 0.25); }
}

/* =========== 头部响应式适配 =========== */
@media (max-width: 1200px) {
  .ai-header .searchnav_con {
    max-width: 320px;
    margin: 0 20px;
  }
}

@media (max-width: 992px) {
  .ai-header .header_box {
    height: auto;
    flex-wrap: wrap;
    padding: 15px;
    gap: 15px;
  }
  
  .ai-header .searchnav_con {
    order: 3;
    max-width: 100%;
    margin: 0;
    width: 100%;
  }

  .ai-header .login-con {
    order: 2;
  }

  /* 触屏/小屏避免二维码 hover 放大造成“跳动” */
  .ai-header .header-ewm:hover {
    transform: none;
    box-shadow: 0 8px 18px rgba(0,0,0,.05);
  }
  
  .ai-header .header-logo {
    height: 40px;
  }
}

@media (hover: none) {
  .ai-header .header-ewm {
    cursor: default;
  }
  .ai-header .header-ewm:hover {
    transform: none;
  }
}

@media (max-width: 576px) {
  .ai-header .header_box {
    padding: 12px;
    gap: 12px;
    min-height: 64px;
  }

  .ai-header .searchnav_con {
    order: 2;
  }

  .ai-header .login-con {
    order: 3;
    width: 100%;
    justify-content: space-between;
  }

  .ai-header .yz_searchCon {
    height: 44px;
  }

  .ai-header .yz_seabtn {
    width: 88px;
    font-size: 14px;
  }

  .ai-header .header-phone {
    min-width: 0;
    min-height: 70px;
    padding: 6px 12px;
    gap: 4px;
  }

  .ai-header .header-phone-icon {
    width: 24px;
    height: 24px;
  }

  .ai-header .header-phone > div > span:first-child {
    font-size: 10px;
  }

  .ai-header .header-phone > div > span:last-child {
    font-size: 14px;
  }
}

/* =========================================================
   首页美化样式 (ai-index)
   ========================================================= */

/* 重置基础样式（确保覆盖pc.css）*/
.ai-index * {
  box-sizing: border-box;
}

/* 首页容器 */
.ai-index {

  min-height: calc(100vh - 200px);
  position: relative;
}

.ai-index::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    radial-gradient(circle at 10% 20%, rgba(var(--color-primary-rgb), 0.03) 0%, transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(var(--color-primary-accent-rgb), 0.03) 0%, transparent 50%);
  pointer-events: none;
}

/* 确保内部容器样式正确 */
.ai-index .index-hos-box {
  width: 100% !important;
}

/* =========== 轮播图美化 =========== */
.ai-home-swiper {
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(var(--color-primary-dark-rgb), 0.2);
  position: relative;
}

.ai-home-swiper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    linear-gradient(180deg, rgba(var(--color-primary-rgb), 0.1) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.2) 100%);
  pointer-events: none;
  z-index: 1;
}

.ai-home-swiper .swiper-slide {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.ai-home-swiper .swiper-slide img {
  width: 100%;
  height: 380px;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.ai-home-swiper .swiper-slide:hover img {
  transform: scale(1.03);
}

/* 轮播图分页器美化 */
.ai-home-swiper .swiper-pagination {
  bottom: 15px;
  z-index: 2;
}

.ai-home-swiper .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0 6px;
}

.ai-home-swiper .swiper-pagination-bullet-active {
  background: var(--color-primary-dark);
  width: 32px;
  border-radius: 6px;
  box-shadow: 0 0 12px rgba(var(--color-primary-rgb), 0.35);
}

/* =========== 板块容器美化（覆盖pc.css）=========== */
.ai-index .index-hos-con {
  background: #ffffff !important;
  border-radius: 16px;
  padding: 20px 25px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #f0f0f0;
  position: relative;
  overflow: hidden;
}

.ai-index .index-hos-con::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-primary-accent) 100%);
  transform: scaleX(0);
  transition: transform 0.4s ease;
}

/* 为不同板块添加不同的装饰色 */
.ai-index .index-hos-con:nth-child(2)::before { /* 医院 */
  background: linear-gradient(90deg, var(--color-primary), var(--color-primary));
}

.ai-index .index-hos-con:nth-child(3)::before { /* 医生 */
  background: linear-gradient(90deg, var(--color-primary-light), var(--color-primary));
}

.ai-index .index-hos-con:nth-child(4)::before { /* 资讯 */
  background: linear-gradient(90deg, var(--color-primary-dark), var(--color-secondary));
}

.ai-index .index-hos-con:nth-child(5)::before { /* 分享 */
  background: linear-gradient(90deg, var(--color-primary-light), var(--color-primary-light));
}

.ai-index .index-hos-con:nth-child(6)::before { /* 项目 */
  background: linear-gradient(90deg, var(--color-primary-accent), var(--color-primary-dark));
}

.ai-index .index-hos-con:nth-child(7)::before { /* 问答 */
  background: linear-gradient(90deg, var(--color-primary-dark), var(--color-primary));
}

.ai-index .index-hos-con:nth-child(8)::before { /* 热词 */
  background: linear-gradient(90deg, var(--color-primary-accent), var(--color-primary-accent));
}

.ai-index .index-hos-con:hover {
  box-shadow: 0 8px 28px rgba(var(--color-primary-rgb), 0.1);
  transform: translateY(-2px);
  border-color: rgba(var(--color-primary-rgb), 0.2);
}

.ai-index .index-hos-con:hover::before {
  transform: scaleX(1);
}

/* =========== 板块标题美化（极简无分割线版）=========== */
.ai-index .ind-title_box {
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
  padding: 18px 20px !important;
  margin: 0 0 24px 0 !important;
  background: rgba(255,255,255,0.98);
  border-radius: 16px;
  position: relative;
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  box-shadow:
    0 4px 20px rgba(var(--color-primary-rgb), 0.08),
    inset 0 1px 0 rgba(255,255,255,0.9);
  overflow: hidden;
}
/* 左侧区域：包含标题和导航，垂直布局 */
.ai-index .ai-sec-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  min-width: 0;
  z-index: 1;
}

/* 右侧区域：更多按钮，对齐到顶部 */
.ai-index .ai-sec-right{
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 1;
  flex-shrink: 0;
  padding-top: 2px;
}

/* 标题样式 */
.ai-index .ind-title {
  font-size: 24px !important;
  font-weight: 800;
  color: var(--color-text-dark);
  background: none;
  position: relative;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
  letter-spacing: 0.3px;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 0;
  flex: 1;
  min-width: 0;
}

/* 标题中的英文样式 */
.ai-index .ind-title-span {
  font-size: 16px;
  color: rgba(var(--color-primary-rgb), 1);
  margin-left: 10px;
  font-weight: 600;
  letter-spacing: 1px;
}

/* 移除标题旁的装饰线 */
.ai-index .ind-title::before,
.ai-index .ind-title::after {
  display: none;
}

/* Tab 切换容器 - 第二行，独立显示 */
.ai-index .ind-nav {
  display: flex !important;
  gap: 8px;
  background: transparent;
  padding: 0 !important;
  border: none;
  border-radius: 0;
  box-shadow: none;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0;
}

/* 移除容器底线 */
.ai-index .ind-nav::after {
  display: none;
}

/* 默认Tab项 - 简洁按钮样式 */
.ai-index .ind-nav a,
.ai-index .ind-nav .title,
.ai-index .ind-nav .xm-type,
.ai-index .ind-nav .wd-type {
  padding: 8px 18px !important;
  font-size: 14px !important;
  font-weight: 500;
  color: var(--color-text-light);
  border-radius: 20px;
  transition: all 0.3s ease;
  cursor: pointer !important;
  position: relative;
  background: rgba(var(--color-primary-rgb), 0.06) !important;
  border: none !important;
  z-index: 1;
  white-space: nowrap;
  user-select: none;
}

/* 移除Tab下划线 */
.ai-index .ind-nav a::after,
.ai-index .ind-nav .title::after,
.ai-index .ind-nav .xm-type::after,
.ai-index .ind-nav .wd-type::after {
  display: none;
}

/* Tab悬停 */
.ai-index .ind-nav a:hover,
.ai-index .ind-nav .title:hover {
  color: rgba(var(--color-primary-rgb), 1);
  background: rgba(var(--color-primary-rgb), 0.12) !important;
  transform: translateY(-1px);
}

/* Tab选中 - 主题色背景 */
.ai-index .ind-nav a.current,
.ai-index .ind-nav .title.current,
.ai-index .ind-nav .xm-type.current,
.ai-index .ind-nav .wd-type.current {
  color: #fff !important;
  background: rgba(var(--color-primary-rgb), 1) !important;
  font-weight: 600;
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.3);
}

/* "更多"按钮美化 */
.ai-index .ind-more a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
  color: rgba(var(--color-primary-rgb), 1);
  background: rgba(var(--color-primary-rgb), 0.1);
  border: 1px solid rgba(var(--color-primary-rgb), 0.2);
  border-radius: 20px;
  transition: all 0.3s ease;
  text-decoration: none;
}

.ai-index .ind-more a:hover {
  color: #fff !important;
  background: rgba(var(--color-primary-rgb), 1);
  border-color: rgba(var(--color-primary-rgb), 1);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.3);
}

/* =========== 首页板块标题条重做（对应 index.html 18-30）=========== */
/* 目标：更丰富、更有层级——「玻璃Ribbon标题条 + 轻立体Tab Chip + 发光指示」 */

/* 标题条：玻璃Ribbon（非卡片，形态更像横向“胶片条”） */
.ai-index .ind-title_box{
  
  -webkit-backdrop-filter: blur(14px) saturate(165%);
  backdrop-filter: blur(14px) saturate(165%);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12) !important;
  border-radius: 16px !important;
  padding: 14px 14px !important;
  margin: 0 0 18px 0 !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,0.06),
    inset 0 1px 0 rgba(255,255,255,0.70);
  position: relative;
  overflow: hidden;
}
.ai-index .ind-title_box::before{
  content:'';
  position:absolute;
  inset: 0;
  pointer-events:none;
  /* 细纹理层（很轻，避免“太简单”） */
  background: repeating-linear-gradient(
    135deg,
    rgba(255,255,255,0.10) 0px,
    rgba(255,255,255,0.10) 2px,
    rgba(255,255,255,0.00) 7px,
    rgba(255,255,255,0.00) 12px
  );
  opacity: .25;
}
.ai-index .ind-title_box::after{
  content:'';
  position:absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 2px;
  pointer-events:none;
  background: linear-gradient(
    90deg,
    rgba(var(--color-primary-dark-rgb), 0.00) 0%,
    rgba(var(--color-primary-rgb), 0.26) 22%,
    rgba(var(--color-primary-rgb), 0.08) 70%,
    rgba(var(--color-primary-dark-rgb), 0.00) 100%
  );
}

/* 左侧：标题与Tab对齐 - 全新设计 */
.ai-index .ai-sec-left{
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}

/* 标题：大号粗体 + 左侧色块装饰 */
.ai-index .ind-title{
  font-weight: 800;
  letter-spacing: 0;
  color: var(--color-text-dark) !important;
  display: inline-flex;
  align-items: center;
  gap: 0;
  margin: 0 !important;
  font-size: 26px;
  white-space: nowrap;
  position: relative;
  padding-left: 16px;
}
.ai-index .ind-title::before{
  content:'';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  height: 28px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--color-primary-dark), var(--color-primary));
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.3);
}
.ai-index .ind-title::after{ display:none !important; }

/* Tab：简洁线条风格 - 全新设计 */
.ai-index .ind-nav{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  gap: 0;
  box-shadow: none !important;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
  border-bottom: 2px solid rgba(var(--color-primary-rgb), 0.08);
  padding-bottom: 2px;
}
.ai-index .ind-nav a,
.ai-index .ind-nav .title,
.ai-index .ind-nav .xm-type,
.ai-index .ind-nav .wd-type{
  background: transparent !important;
  border: none !important;
  color: var(--color-text-light) !important;
  padding: 10px 20px !important;
  border-radius: 0 !important;
  font-weight: 600;
  font-size: 15px;
  position: relative;
  transition: all 0.3s ease;
  margin-right: 4px;
  border-bottom: 3px solid transparent;
  margin-bottom: -2px;
}
.ai-index .ind-nav a:hover,
.ai-index .ind-nav .title:hover{
  color: var(--color-primary-dark) !important;
  background: transparent !important;
  border-bottom-color: rgba(var(--color-primary-rgb), 0.3) !important;
  transform: translateY(0);
}
.ai-index .ind-nav a.current,
.ai-index .ind-nav .title.current,
.ai-index .ind-nav .xm-type.current,
.ai-index .ind-nav .wd-type.current{
  background: transparent !important;
  border: none !important;
  color: var(--color-primary-dark) !important;
  font-weight: 700;
  border-bottom: 3px solid var(--color-primary-dark) !important;
  box-shadow: none !important;
}
.ai-index .ind-nav a.current::after,
.ai-index .ind-nav .title.current::after{
  display: none !important;
}

/* 更多：做成小圆角按钮（更有存在感，但不抢戏） */
.ai-index .ind-more a{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px !important;
  border-radius: 12px;
  background: rgba(255,255,255,0.60) !important;
  border: 1px solid rgba(var(--color-primary-rgb), 0.14) !important;
  color: rgba(var(--color-primary-dark-rgb), 0.90) !important;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 12px 28px rgba(0,0,0,0.05);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.ai-index .ind-more a::after{
  content:'→';
  transition: transform .18s ease;
}
.ai-index .ind-more a:hover{
  transform: translateY(-1px);
  background: rgba(var(--color-primary-rgb), 0.10) !important;
  border-color: rgba(var(--color-primary-rgb), 0.22) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,0.07);
}
.ai-index .ind-more a:hover::after{
  transform: translateX(2px);
}

@media (max-width: 768px) {
  .ai-index .ind-title_box{
    padding: 12px 12px !important;
    border-radius: 14px !important;
  }
  .ai-index .ind-title_box {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .ai-index .ai-sec-left{
    width: 100%;
    gap: 10px;
  }
  .ai-index .ind-title{
    font-size: 20px;
    width: 100%;
  }
  .ai-index .ind-title-span {
    font-size: 14px;
  }
  .ai-index .ai-sec-right {
    width: 100%;
    justify-content: flex-start;
    padding-top: 0;
  }
  .ai-index .ind-title::before{
    width: 4px;
    height: 22px;
  }
  .ai-index .ind-nav{
    gap: 8px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 10px 12px !important;
  }
  .ai-index .ind-nav::-webkit-scrollbar {
    display: none;
  }
  .ai-index .ind-nav a,
  .ai-index .ind-nav .title{
    padding: 6px 14px !important;
    font-size: 13px;
    white-space: nowrap;
    flex-shrink: 0;
  }
  .ai-index .ind-nav a.current::after,
  .ai-index .ind-nav .title.current::after{
    display: none;
  }
}

@media (max-width: 768px) {
  .ai-index .ind-title_box{
    padding: 12px 12px !important;
    border-radius: 12px;
  }
}

/* =========== 医院板块特色：现代医疗卡片风格（增强版） =========== */
.ai-index .ind-yh-item.ai-hospital-card {
  width: 100% !important;
  background: #ffffff;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  position: relative;
  cursor: pointer;
  box-shadow: 
    0 4px 20px rgba(var(--color-primary-rgb), 0.08),
    0 1px 3px rgba(0,0,0,0.05);
  margin-bottom: 0 !important;
  display: flex !important;
  flex-direction: column;
}

/* 顶部装饰条 */
.ai-index .ind-yh-item.ai-hospital-card::before {
  display: none;
}

/* 悬停浮起 */
.ai-index .ind-yh-item.ai-hospital-card:hover {
  transform: translateY(-6px);
  box-shadow: 
    0 12px 40px rgba(var(--color-primary-rgb), 0.2),
    0 4px 12px rgba(0,0,0,0.08);
  border-color: rgba(var(--color-primary-rgb), 0.25);
}

/* 图片容器 */
.ai-hospital-img-wrap {
  display: block;
  position: relative;
  overflow: hidden;
  height: 240px;
  margin: 0;
  border-radius: 16px 16px 0 0;
  background: rgba(var(--color-primary-rgb), 0.05);
}

.ai-hospital-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
  filter: brightness(0.98);
}

.ai-hospital-card:hover img {
  transform: scale(1.08);
  filter: brightness(1.05);
}

/* 推荐标签 - 主题色 */
.ai-hospital-img-wrap::after {
  content: '⭐ 推荐';
  position: absolute;
  top: 14px;
  right: 14px;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 1) 0%, rgba(var(--color-primary-accent-rgb), 1) 100%);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 20px;
  box-shadow: 
    0 4px 12px rgba(var(--color-primary-rgb), 0.4),
    0 0 0 2px rgba(255,255,255,0.3);
  z-index: 1;
  letter-spacing: 0.5px;
}

/* 图片遮罩层 */
.ai-hospital-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    135deg, 
    rgba(var(--color-primary-rgb), 0.4) 0%, 
    rgba(var(--color-primary-accent-rgb), 0.5) 100%
  );
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.ai-hospital-card:hover .ai-hospital-overlay {
  opacity: 1;
}

.ai-view-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 24px;
  background: rgba(255,255,255,0.95);
  color: rgba(var(--color-primary-rgb), 1);
  border: 2px solid rgba(255,255,255,0.5);
  border-radius: 30px;
  transform: translateY(12px) scale(0.95);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 
    0 8px 24px rgba(0,0,0,0.3),
    0 0 0 4px rgba(255,255,255,0.2);
  letter-spacing: 0.5px;
}

.ai-hospital-card:hover .ai-view-btn {
  transform: translateY(0) scale(1);
  box-shadow: 
    0 12px 32px rgba(0,0,0,0.4),
    0 0 0 6px rgba(255,255,255,0.3);
}

/* 内容区域 */
.ai-index .ind-yh-text-con {
  width: 100% !important;
  padding: 20px 20px 16px 20px !important;
  margin-left: 0 !important;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #fff;
  gap: 12px;
}

/* 标题 */
.ai-index .yy_bt {
  color: var(--color-text-dark);
  font-size: 19px;
  font-weight: 800;
  margin-bottom: 0;
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

.ai-index .yy_bt::before {
  display: none;
}

.ai-index .ind-yh-item:hover .yy_bt {
  color: rgba(var(--color-primary-rgb), 1);
}

/* 地址信息 */
.ai-hospital-info {
  margin-bottom: 0;
  padding: 10px 14px;
  background: rgba(var(--color-primary-rgb), 0.04);
  border-radius: 10px;
  border-left: 3px solid rgba(var(--color-primary-rgb), 0.3);
  transition: all 0.3s ease;
}

.ai-hospital-card:hover .ai-hospital-info {
  background: rgba(var(--color-primary-rgb), 0.08);
  border-left-color: rgba(var(--color-primary-rgb), 0.5);
}

.ai-info-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-text-normal);
  font-size: 13px;
  font-weight: 500;
  background: transparent;
  padding: 0;
}

.ai-icon-location {
  width: 16px;
  height: 16px;
  opacity: 0.7;
  transition: all 0.3s ease;
}

.ai-hospital-card:hover .ai-icon-location {
  opacity: 1;
  transform: scale(1.1);
}

/* 项目标签区 */
.ai-project-tags {
  padding: 0;
  border: none;
  background: transparent;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 28px;
}

/* 热门项目文字 */
.ai-project-tags .xm_tex {
  font-size: 13px;
  color: rgba(var(--color-primary-rgb), 0.9);
  font-weight: 700;
  margin-right: 8px;
  background: transparent;
  padding: 0;
  display: inline-block;
  letter-spacing: 0.5px;
}

/* 标签样式 - 主题色 */
.ai-index .xm_but {
  background: rgba(var(--color-primary-rgb), 0.1) !important;
  color: rgba(var(--color-primary-rgb), 1) !important;
  border: 1px solid rgba(var(--color-primary-rgb), 0.2) !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  transition: all 0.3s ease;
  margin: 0 !important;
  display: inline-block !important;
  box-shadow: 
    0 2px 6px rgba(var(--color-primary-rgb), 0.1),
    inset 0 1px 0 rgba(255,255,255,0.5);
}

.ai-index .xm_but:hover {
  background: rgba(var(--color-primary-rgb), 0.2) !important;
  color: rgba(var(--color-primary-rgb), 1) !important;
  border-color: rgba(var(--color-primary-rgb), 0.3) !important;
  transform: translateY(-1px);
  box-shadow: 
    0 4px 10px rgba(var(--color-primary-rgb), 0.2),
    inset 0 1px 0 rgba(255,255,255,0.6);
}

/* 底部时间 - 优化设计 */
.ai-hospital-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 4px;
  padding: 14px 20px;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.05) 0%, rgba(var(--color-primary-rgb), 0.02) 100%);
  border-top: 2px solid rgba(var(--color-primary-rgb), 0.12);
  border-radius: 0 0 16px 16px;
  color: #999;
  font-size: 12px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: -16px;
  width: calc(100% + 40px);
}

.ai-hospital-footer .ind-yh-time {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--color-text-lighter);
  font-size: 12px;
  font-weight: 400;
}

.ai-icon-time {
  opacity: 0.6;
}



/* =========== 热门医院横向滚动区域 =========== */
.hot-hospital-scroll {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background: rgba(255,255,255,0.98);
  border-radius: 16px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  box-shadow: 0 4px 20px rgba(var(--color-primary-rgb), 0.08);
  margin: 20px 0;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(var(--color-primary-rgb), 0.3) transparent;
  -webkit-overflow-scrolling: touch;
}

.hot-hospital-scroll::-webkit-scrollbar {
  height: 6px;
}

.hot-hospital-scroll::-webkit-scrollbar-track {
  background: rgba(var(--color-primary-rgb), 0.05);
  border-radius: 10px;
}

.hot-hospital-scroll::-webkit-scrollbar-thumb {
  background: rgba(var(--color-primary-rgb), 0.3);
  border-radius: 10px;
}

.hot-hospital-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--color-primary-rgb), 0.5);
}

/* 医院链接容器 - 横向自动滚动 */
.hot-hospital-links {
  flex: 1;
  overflow: hidden;
  position: relative;
}

.hot-hospital-links-wrapper {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: scroll-left 30s linear infinite;
  will-change: transform;
}

/* 悬停时暂停滚动 */
.hot-hospital-links:hover .hot-hospital-links-wrapper {
  animation-play-state: paused;
}

/* 横向滚动动画 */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 热门医院标题样式 */
.hot-hospital-title {
  font-size: 16px;
  font-weight: 800;
  color: rgba(var(--color-primary-rgb), 1);
  padding: 8px 16px;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  letter-spacing: 1px;
  position: relative;
}


/* 医院名称链接样式 */
.hot-hospital-link {
  display: inline-block;
  padding: 5px 18px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-text-normal);
  border: 1px solid rgba(var(--color-primary-rgb), 0.15);
  border-radius: 20px;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
  transition: all 0.3s ease;
  margin-right: 8px;
}

.hot-hospital-link:hover {
  color: rgba(var(--color-primary-rgb), 1);
  background: rgba(var(--color-primary-rgb), 0.12);
  border-color: rgba(var(--color-primary-rgb), 0.3);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.2);
}

/* =========== 医生板块特色：专业医师名片（高端版） =========== */
.ai-index .ind-doc-item.ai-doctor-card {
  width: 100% !important;
  /* 卡片：更专业的“白底 + 轻主题晕染”，但不动图片 */
  background:
    radial-gradient(circle at 20% 15%, rgba(var(--color-primary-rgb), 0.10) 0%, rgba(var(--color-primary-rgb), 0) 45%),
    #ffffff;
  border-radius: 12px;
  overflow: visible; /* 允许头像溢出 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid rgba(var(--color-primary-rgb), 0.10);
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 40px !important; /* 为头像溢出留出空间 */
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  text-decoration: none;
  height: auto !important;
  isolation: isolate;
}

/* 顶部装饰背景 */
.ai-index .ind-doc-item.ai-doctor-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.10), rgba(var(--color-primary-rgb), 0.02));
  z-index: 0;
  border-radius: 12px 12px 0 0;
}

/* 认证徽章 */
.ai-doctor-badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255,255,255,0.92);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  backdrop-filter: blur(10px) saturate(160%);
  color: var(--color-primary-dark);
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  z-index: 5;
  box-shadow: 0 10px 22px rgba(0,0,0,0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.14);
}

/* 头像容器 - 上移溢出 */
.ai-doctor-avatar-wrap {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 3px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  margin-top: -40px; /* 向上溢出 */
  margin-bottom: 12px;
  z-index: 2;
  transition: transform 0.3s ease;
}

.ai-doctor-avatar-wrap img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  object-fit: cover;
  border: 1px solid #f5f5f5 !important;
}

/* 不处理图片：医生头像不使用全局 blur（模板里 img 带 filter_img 类） */
.ai-index .ai-doctor-avatar-wrap img.filter_img{
  filter: none !important;
}

/* 内容区域 */
.ai-index .ind-doc-text-con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  z-index: 1;
  padding: 0 18px 18px;
  flex: 1;
  background: transparent;
}

/* 医生信息 */
.ai-index .ind-doc-info {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 100%;
  margin-bottom: 12px;
  gap: 6px;
}

/* 姓名 */
.ai-doctor-name {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--color-text-dark) !important;
  margin: 0 !important;
  transition: color 0.2s ease;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 职称 & 医院 */
.ai-doctor-title {
  color: rgba(44, 62, 80, 0.72);
  font-size: 12px;
  background: rgba(var(--color-primary-rgb), 0.08);
  border: 1px solid rgba(var(--color-primary-rgb), 0.12);
  padding: 3px 9px;
  border-radius: 999px;
  margin-bottom: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
}

.ai-doctor-hospital {
  color: var(--color-primary-dark);
  font-size: 12px;
  font-weight: 650;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.95;
}

/* 简介 */
.ai-doctor-intro {
  text-align: left;
  color: var(--color-text-normal);
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  opacity: 0.92;
  min-height: 38px;
}

/* 发布时间 */
.ai-index .ind-doc-des:not(.ai-doctor-intro) {
  font-size: 11px !important;
  color: rgba(113, 128, 150, .90) !important;
  margin-top: auto;
  margin-bottom: 12px;
  letter-spacing: .2px;
}

/* 预约按钮 */
.ai-doctor-btn {
  width: 100% !important;
  text-align: center !important;
  background: rgba(var(--color-primary-rgb), 0.10) !important;
  color: var(--color-primary-dark) !important;
  padding: 11px 0 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  transition: all 0.2s ease !important;
  border: 1px solid rgba(var(--color-primary-rgb), 0.18) !important;
  display: block !important;
}

/* 键盘可达性：不隐藏元素，只加聚焦态 */
.ai-index .ind-doc-item.ai-doctor-card:focus-visible{
  outline: none;
  box-shadow:
    0 14px 34px rgba(0,0,0,0.10),
    0 0 0 4px rgba(var(--color-primary-rgb), 0.16);
  border-color: rgba(var(--color-primary-rgb), 0.22);
}

@media (max-width: 768px) {
  .ai-index .ind-doc-item.ai-doctor-card{
    margin-top: 34px !important;
    border-radius: 12px;
  }
  .ai-doctor-avatar-wrap{
    width: 72px;
    height: 72px;
    margin-top: -36px;
  }
  .ai-index .ind-doc-text-con{
    padding: 0 14px 14px;
  }
  .ai-doctor-name{
    font-size: 16px !important;
  }
}

/* Hover 效果 */
.ai-index .ind-doc-item.ai-doctor-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.10);
  border-color: rgba(var(--color-primary-rgb), 0.18);
}

.ai-index .ind-doc-item.ai-doctor-card:hover .ai-doctor-avatar-wrap {
  transform: scale(1.05);
  box-shadow: 0 12px 24px rgba(var(--color-primary-rgb), 0.15);
}

.ai-index .ind-doc-item.ai-doctor-card:hover .ai-doctor-name {
  color: var(--color-primary-dark) !important;
}

.ai-index .ind-doc-item.ai-doctor-card:hover .ai-doctor-btn {
  background: var(--color-primary-dark) !important;
  color: #fff !important;
  border-color: var(--color-primary-dark) !important;
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.2);
}

/* =========== 资讯板块特色：雅致图文资讯卡片 =========== */
.ai-index .ind-zx-item.ai-news-card {
  width: 100% !important;
  height: auto !important;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  transition: all 0.2s ease;
  overflow: hidden;
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  margin-bottom: 16px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  padding: 0 !important;
}

/* 悬停效果 - 简化 */
.ai-index .ind-zx-item.ai-news-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.1);
}

/* 移除左侧装饰条 */
.ai-index .ind-zx-item.ai-news-card::before {
  display: none;
}

/* 图片区域 - 简化 */
.ai-news-img-wrap {
  width: 240px;
  height: 160px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background: #f5f5f5;
}

.ai-news-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.2s ease;
}

.ai-index .ind-zx-item.ai-news-card:hover img {
  opacity: 0.9;
}

/* 分类标签 - 简化 */
.ai-news-category {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(var(--color-primary-rgb), 0.1);
  color: rgba(var(--color-primary-rgb), 0.9);
  padding: 4px 10px;
  font-size: 11px;
  font-weight: 600;
  z-index: 10;
  border-radius: 4px;
  border: none;
}

/* 内容区域 - 简化 */
.ai-news-content {
  flex: 1;
  padding: 16px !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  background: #fff;
}

/* 标题 - 简化 */
.ai-news-title {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--color-text-dark) !important;
  line-height: 1.5 !important;
  margin: 0 0 10px 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.ai-index .ind-zx-item.ai-news-card:hover .ai-news-title {
  color: rgba(var(--color-primary-rgb), 1) !important;
}

/* 描述 - 简化 */
.ai-news-desc {
  font-size: 13px !important;
  color: var(--color-text-light) !important;
  line-height: 1.6 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 12px;
  flex: 1;
}

/* 底部容器 - 简化 */
.ai-news-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(var(--color-primary-rgb), 0.08);
  width: 100%;
}

/* 元数据 - 日期 - 简化 */
.ai-news-meta {
  display: flex;
  align-items: center;
}

.ai-news-date {
  font-size: 12px;
  color: var(--color-text-lighter);
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  padding: 0;
  font-weight: 400;
}

/* 阅读更多 - 简化 */
.ai-read-more {
  color: rgba(var(--color-primary-rgb), 0.9);
  font-size: 12px;
  font-weight: 500;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 0;
  background: transparent;
  border: none;
}

.ai-read-more::after {
  content: '→';
  display: inline-block;
  transition: transform 0.2s ease;
}

.ai-index .ind-zx-item.ai-news-card:hover .ai-read-more {
  color: rgba(var(--color-primary-rgb), 1);
}

.ai-index .ind-zx-item.ai-news-card:hover .ai-read-more::after {
  transform: translateX(2px);
}

/* 移动端适配 */
@media (max-width: 768px) {
  .ai-index .ind-zx-item.ai-news-card {
    flex-direction: column !important;
    height: auto !important;
  }
  
  .ai-news-img-wrap {
    width: 100%;
    height: 160px;
  }
  
  .ai-news-content {
    padding: 16px !important;
  }
  
  .ai-news-desc {
    -webkit-line-clamp: 2;
    margin-bottom: 12px;
  }
}

.ai-index .ind-zx-img {
  border-radius: 10px;
  transition: transform 0.5s ease;
  overflow: hidden;
}

.ai-index .ind-zx-item:hover .ind-zx-img {
  transform: scale(1.05);
}

.ai-index .ind-zx-text-con h4 {
  color: var(--color-primary-dark);
  font-weight: 600;
  line-height: 1.6;
  transition: color 0.3s ease;
  margin-bottom: 8px;
}

.ai-index .ind-zx-item:hover h4 {
  color: var(--color-primary-dark);
}

.ai-index .ind-zx-time {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 10px;
  color: #999 !important;
}

.ai-index .ind-zx-time span {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary) 100%) !important;
  color: #fff !important;
  padding: 5px 14px !important;
  border-radius: 14px !important;
  font-size: 11px !important;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.25);
}

.ai-index .ind-zx-item:hover .ind-zx-time span {
  background: linear-gradient(135deg, var(--color-primary-accent) 0%, var(--color-primary-accent) 100%);
  box-shadow: 0 5px 15px rgba(var(--color-primary-accent-rgb), 0.25);
  transform: translateX(3px);
}

/* =========== 分享板块特色：社交卡片风格 (ai-share-card) =========== */
.ai-index .ai-share-card {
  display: flex !important;
  flex-direction: column;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  overflow: hidden;
  transition: all 0.2s ease;
  position: relative;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  height: 100%;
}

.ai-index .ai-share-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.1);
}

.ai-share-card-top {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ai-share-img-wrap {
  width: 100%;
  height: 180px;
  overflow: hidden;
  position: relative;
  background: #f5f5f5;
}

.ai-share-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.2s ease;
}

.ai-index .ai-share-card:hover .ai-share-img {
  opacity: 0.9;
}

.ai-share-content {
  padding: 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ai-share-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-dark);
  margin: 0 0 10px 0;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s;
}

.ai-index .ai-share-card:hover .ai-share-title {
  color: rgba(var(--color-primary-rgb), 1);
}

.ai-share-desc {
  font-size: 13px;
  color: var(--color-text-light);
  line-height: 1.6;
  margin-bottom: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  flex: 1;
}

.ai-share-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(var(--color-primary-rgb), 0.08);
}

.ai-share-time {
  font-size: 12px;
  color: var(--color-text-lighter);
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  padding: 0;
  font-weight: 400;
}

.ai-share-more {
  font-size: 12px;
  color: rgba(var(--color-primary-rgb), 0.9);
  font-weight: 500;
  background: transparent;
  padding: 0;
  border: none;
  transition: color 0.2s;
}

.ai-index .ai-share-card:hover .ai-share-more {
  color: rgba(var(--color-primary-rgb), 1);
}

.ai-share-divider {
  display: none;
}

/* =========== 热词板块特色：气泡云风格（优化版） =========== */
.ai-index .ind-rc-list {
  gap: 10px !important;
  padding: 12px 0;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
}

.ai-index .ind-rc-item {
  width: auto !important;
  background: #fff;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  border-radius: 8px;
  padding: 12px 16px;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  min-width: 0;
  text-decoration: none;
}

/* 悬停效果 - 简化 */
.ai-index .ind-rc-item:hover {
  background: #fff;
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.1);
}

/* 内容容器 - 简化 */
.ai-index .ind-rc-text-con {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0;
}

/* 标签文字 - 简化 */
.ai-index .ind-rc-item h4 {
  color: var(--color-text-dark);
  font-size: 15px;
  font-weight: 600;
  transition: color 0.2s ease;
  margin: 0;
  line-height: 1.5;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ai-index .ind-rc-item:hover h4 {
  color: rgba(var(--color-primary-rgb), 1);
}

/* 时间显示 - 简化 */
.ai-index .ind-rc-item .ind-zx-time {
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
  font-size: 11px !important;
  color: var(--color-text-lighter);
  margin: 0;
  white-space: nowrap;
  padding: 0;
  background: transparent;
  transition: color 0.2s ease;
  width: fit-content;
}

.ai-index .ind-rc-item .ind-zx-time::before {
  content: '🕐';
  font-size: 10px;
}

.ai-index .ind-rc-item:hover .ind-zx-time {
  color: var(--color-text-light);
}

/* 可达性：键盘聚焦态 - 简化 */
.ai-index .ind-rc-item:focus-visible{
  outline: none;
  border-color: rgba(var(--color-primary-rgb), 0.3);
  box-shadow: 0 0 0 2px rgba(var(--color-primary-rgb), 0.15);
}

/*（已去掉）随机彩色点缀与整块主色 hover，改为统一磨砂风格 */

/* =========== 列表容器网格布局（覆盖pc.css的flex布局）=========== */
/* .ai-index .ind-yh-list:not(.news-mode), */
/* .ai-index .ind-doc-list:not(.news-mode), */
.ai-index .ind-zx-list:not(.news-mode):not(.ai-news-list),
.ai-index .ind-hos-list:not(.news-mode),
.ai-index .ind-rc-list:not(.news-mode),
.ai-index .ind-xm-list:not(.news-mode),
.ai-index .ind-wd-list:not(.news-mode):not(.ai-qa-list) {
  display: grid !important;
  gap: 15px !important;
  margin-top: 8px !important;
  justify-content: initial !important;
}
.ai-hospital-grid{
  display: grid !important;
  grid-template-columns: repeat(3,auto);
  gap: 15px !important;
  margin-top: 8px !important;
  justify-content: initial !important;
}
.ai-doctor-grid{
  display: grid !important;
  grid-template-columns: repeat(4,auto);
  gap: 15px !important;
  margin-top: 8px !important;
  justify-content: initial !important;
}

/* 隐藏状态（Tab切换功能）- 必须在所有布局样式后面，优先级最高 */
.ai-index .news-mode,
.ai-index .ind-yh-list.news-mode,
.ai-index .ind-doc-list.news-mode,
.ai-index .ind-zx-list.news-mode,
.ai-index .ind-hos-list.news-mode,
.ai-index .ind-rc-list.news-mode,
.ai-index .ind-xm-list.news-mode,
.ai-index .ind-wd-list.news-mode,
.ai-index .ai-news-list.news-mode,
.ai-index .ai-qa-list.news-mode,
.ai-index .ai-hospital-grid.news-mode
{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* Tab切换动画效果 */
.ai-index .ind-yh-list:not(.news-mode),
.ai-index .ind-doc-list:not(.news-mode),
.ai-index .ind-zx-list:not(.news-mode),
.ai-index .ind-hos-list:not(.news-mode),
.ai-index .ind-rc-list:not(.news-mode),
.ai-index .ind-xm-list:not(.news-mode),
.ai-index .ind-wd-list:not(.news-mode) {
  animation: fadeInContent 0.4s ease-in-out;
}

@keyframes fadeInContent {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.ai-index .ind-yh-list {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
}

.ai-index .ind-doc-list {
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
}

.ai-index .ind-zx-list.ai-news-list:not(.news-mode) {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

.ai-index .ind-hos-list {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}

.ai-index .ind-rc-list {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
}

.ai-index .ind-xm-list {
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)) !important;
}

.ai-index .ind-wd-list.ai-qa-list:not(.news-mode) {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

/* =========== 项目板块特色：优惠卡片风格（优化版） =========== */
.ai-index .ind-xm-item {
  width: 100% !important;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  position: relative;
  overflow: hidden;
  transition: all 0.2s ease;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  margin-bottom: 16px;
}

/* 图片区域 - 简化 */
.ai-index .ind-xm-item img {
  width: 100% !important;
  height: 180px !important;
  border-radius: 0 !important;
  object-fit: cover;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
  display: block;
}

/* 内容区域 - 简化 */
.ai-index .ind-xm-item .ind-doc-text-con {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px !important;
  width: 100% !important;
  min-width: 0;
  background: #fff;
}

/* 标题 - 简化 */
.ai-index .index_xmtit {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: var(--color-text-dark) !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.4 !important;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

/* 描述 - 简化 */
.ai-index .ind-doc-des.ind-doc-1 {
  font-size: 13px !important;
  color: var(--color-text-light) !important;
  margin: 0 0 12px 0 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  background: transparent;
  border: none;
}

/* 价格区域 - 简化 */
.ai-index .index-jiage-time {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 12px 0 10px 0;
  font-size: 13px;
  color: var(--color-text-light);
  padding: 0;
  background: transparent;
  border: none;
}

.ai-index .youhui-jia {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #ff4757 !important;
  position: relative;
}

.ai-index .youhui-jia::before {
  content: '¥';
  font-size: 14px;
  margin-right: 2px;
}

.ai-index .yuan-jia {
  font-size: 12px !important;
  color: var(--color-text-lighter) !important;
  text-decoration: line-through;
  margin-left: 8px;
  padding: 0;
  background: transparent;
}

/* 发布时间 - 简化 */
.ai-index .ind-xm-item .ind-doc-time {
  font-size: 11px !important;
  color: var(--color-text-lighter) !important;
  margin: 0 0 12px 0 !important;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  width: 100%;
}

/* 隐藏不必要的元素 */


/* 查看详情按钮 - 简化 */
.ai-index .ind-doc-look {
  position: static !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: rgba(var(--color-primary-rgb), 0.08) !important;
  color: rgba(var(--color-primary-rgb), 1) !important;
  font-size: 13px;
  padding: 10px 0;
  border-radius: 6px;
  border: none;
  font-weight: 600;
  transition: all 0.2s ease;
  white-space: nowrap;
  box-shadow: none;
}

/* Hover效果 - 简化 */
.ai-index .ind-xm-item:hover {
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.1);
}

.ai-index .ind-xm-item:hover img {
  opacity: 0.9;
}

.ai-index .ind-xm-item:hover .index_xmtit {
  color: rgba(var(--color-primary-rgb), 1) !important;
}

.ai-index .ind-xm-item:hover .ind-doc-look {
  background: rgba(var(--color-primary-rgb), 0.15) !important;
  color: rgba(var(--color-primary-rgb), 1) !important;
}

/* =========== 问答板块特色：互动Q&A卡片风格（优化版） =========== */
.ai-index .ai-qa-card {
  width: 100% !important;
  background: #fff;
  border-radius: 8px;
  border: 1px solid rgba(var(--color-primary-rgb), 0.1);
  padding: 0;
  position: relative;
  display: block !important;
  transition: all 0.2s ease;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  margin-bottom: 16px !important;
  height: auto !important;
}

/* Q图标 - 简化 */
.ai-qa-icon {
  width: 36px;
  height: 36px;
  color: rgba(var(--color-primary-rgb), 0.9);
  font-weight: 700;
  font-size: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(var(--color-primary-rgb), 0.1);
  z-index: 2;
  border: none;
}

/* 主体内容区 - 简化 */
.ai-qa-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-width: 0;
  padding: 16px 16px 16px 56px;
  background: #fff;
  position: relative;
}

/* 标题区 - 简化 */
.ai-qa-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  padding-right: 0;
}

.ai-qa-question {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--color-text-dark) !important;
  line-height: 1.5 !important;
  margin-left: 0;
  flex: 1;
  transition: color 0.2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ai-qa-status {
  background: rgba(var(--color-primary-rgb), 0.1);
  color: rgba(var(--color-primary-rgb), 0.9);
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
  white-space: nowrap;
  border: none;
  display: flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

.ai-qa-status::before {
  content: '✓';
  font-weight: 700;
  font-size: 10px;
  color: rgba(var(--color-primary-rgb), 0.9);
}


/* 回答内容 - 简化 */
.ai-qa-answer {
  font-size: 13px !important;
  color: var(--color-text-normal) !important;
  line-height: 1.6 !important;
  margin: 0 0 12px 0 !important;
  background: transparent;
  padding: 0 !important;
  border: none;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 底部信息栏 - 简化 */
.ai-qa-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(var(--color-primary-rgb), 0.08);
}

.ai-qa-meta {
  display: flex;
  align-items: center;
}

.ai-qa-time {
  font-size: 11px;
  color: var(--color-text-lighter);
  display: flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  padding: 0;
  font-weight: 400;
}

.ai-qa-time::before {
  content: '🕐';
  display: inline-block;
  font-size: 10px;
}

.ai-qa-action {
  color: rgba(var(--color-primary-rgb), 0.9);
  font-size: 12px;
  font-weight: 500;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  border: none;
}

.ai-qa-action:hover {
  color: rgba(var(--color-primary-rgb), 1);
}

/* Hover效果 - 简化 */
.ai-index .ai-qa-card:hover {
  border-color: rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.1);
}

.ai-index .ai-qa-card:hover .ai-qa-question {
  color: rgba(var(--color-primary-rgb), 1) !important;
}

.ai-index .ai-qa-card:hover .ai-qa-action {
  color: rgba(var(--color-primary-rgb), 1);
}


/* =========== 入场动画 =========== */
.ai-index .index-hos-con {
  animation: fadeInUp 0.7s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  opacity: 0;
}

.ai-index .index-hos-con:nth-child(1) { animation-delay: 0.1s; }
.ai-index .index-hos-con:nth-child(2) { animation-delay: 0.2s; }
.ai-index .index-hos-con:nth-child(3) { animation-delay: 0.3s; }
.ai-index .index-hos-con:nth-child(4) { animation-delay: 0.4s; }
.ai-index .index-hos-con:nth-child(5) { animation-delay: 0.5s; }
.ai-index .index-hos-con:nth-child(6) { animation-delay: 0.6s; }
.ai-index .index-hos-con:nth-child(7) { animation-delay: 0.7s; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =========== 二级分类导航美化 (modelnav) =========== */
.modelnavBox {
  display: flex;
  justify-content: center;
  gap: 15px;
  padding: 20px 0;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.modelnavBox a {
  padding: 2px 0px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-text-normal);
  background: linear-gradient(145deg, #ffffff, #f0f0f0); /* 微弱的立体渐变 */
  border-radius: 5px; /* 胶囊形状 */
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05), -2px -2px 5px rgba(255, 255, 255, 0.8); /* 拟态浮雕阴影 */
  cursor: pointer;

}

.modelnavBox a:hover {
  color: var(--color-primary-dark);
  border-color: var(--color-primary-light);
  transform: translateY(-1px);
  background: linear-gradient(145deg, #ffffff, #f5faff);
  box-shadow: 3px 3px 8px rgba(var(--color-primary-rgb), 0.1), -2px -2px 6px rgba(255, 255, 255, 0.9);
}

.modelnavBox a:active {
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.05), inset -2px -2px 5px rgba(255, 255, 255, 0.8); /* 点击凹陷感 */
  transform: translateY(0);
}

.modelnavBox a.active {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.3), inset 0 2px 0 rgba(255,255,255,0.2); /* 内部高光增加质感 */
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

/* 响应式适配 */
@media (max-width: 768px) {
  .modelnavBox {
    gap: 10px;
    padding: 15px 10px;
  }
  
  .modelnavBox a {
    padding: 6px 16px;
    font-size: 14px;
    flex: 1;
    min-width: 80px;
    text-align: center;
  }
}

/* =========== 响应式适配 =========== */
@media (max-width: 1200px) {
  .ai-index {
    padding: 12px 10px;
  }
  
  .ai-index .ind-title {
    font-size: 22px;
  }
  
  .ai-index .ind-nav a {
    padding: 7px 15px;
    font-size: 13px;
  }
  
  .ai-home-swiper .swiper-slide img {
    height: 320px;
  }
  
  .ai-index .ind-yh-list,
  .ai-index .ind-doc-list,
  .ai-index .ind-zx-list,
  .ai-index .ind-hos-list,
  .ai-index .ind-rc-list,
  .ai-index .ind-xm-list,
  .ai-index .ind-wd-list {
    gap: 12px;
  }
}

@media (max-width: 768px) {
  .ai-index {
    padding: 10px 8px;
  }
  
  .ai-index .index-hos-con {
    padding: 15px 12px;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  
  .ai-index .ind-title_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .ai-index .ai-sec-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  
  .ai-index .ind-nav {
    flex-wrap: wrap;
    width: 100%;
  }
  
  .ai-home-swiper {
    border-radius: 10px;
    margin-bottom: 15px;
  }
  
  .ai-home-swiper .swiper-slide img {
    height: 200px;
  }
  
  .ai-index .ind-yh-list,
  .ai-index .ind-zx-list,
  .ai-index .ind-hos-list,
  .ai-index .ind-rc-list,
  .ai-index .ind-xm-list,
  .ai-index .ind-wd-list {
    grid-template-columns: 1fr;
  }
  
  .ai-index .ind-doc-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  
  /* 资讯卡片移动端 */
  .ai-index .ind-zx-item.ai-news-card {
    flex-direction: column;
  }
  
  .ai-news-img-wrap {
    width: 100%;
    height: 180px;
  }
  
  /* 问答卡片移动端 - 简化 */
  .ai-index .ind-wd-item.ai-qa-card {
    flex-direction: column;
    padding: 12px;
    gap: 10px;
  }
  
  .ai-qa-icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
    top: 10px;
    left: 10px;
  }
  
  .ai-qa-main {
    padding: 12px 12px 12px 48px;
  }
  
  .ai-qa-question {
    font-size: 15px !important;
    margin-left: 0;
  }
  
  .ai-qa-answer {
    font-size: 12px !important;
  }
  
  .ai-qa-meta {
    gap: 8px;
  }
}

/* 项目列表专属优化 */
.ai-index .ind-xm-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}
@media (max-width: 992px) { .ai-index .ind-xm-list { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 600px) { .ai-index .ind-xm-list { grid-template-columns: 1fr !important; } }

.ai-index .ind-xm-item {
    width: 100% !important;
    flex-direction: column !important;
    padding: 0 !important;
    border-radius: 14px !important;
    /* 简约磨砂卡片（项目） */
    background: rgba(255,255,255,.58) !important;
    -webkit-backdrop-filter: blur(14px) saturate(150%);
    backdrop-filter: blur(14px) saturate(150%);
    border: 1px solid rgba(255,255,255,.70) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
    overflow: hidden !important;
    height: 100% !important;
}
.ai-index .ind-xm-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.10) !important;
    border-color: rgba(var(--color-primary-rgb), .18) !important;
}



/* 项目卡片响应式样式 - 简化 */
.ai-index .ind-xm-item img.filter_img {
    width: 100% !important;
    height: 180px !important;
    border-radius: 0 !important;
    margin: 0 !important;
    object-fit: cover !important;
}
.ai-index .ind-xm-item .ind-doc-text-con {
    padding: 16px !important;
    width: 100% !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
}
.ai-index .ind-xm-item .index_xmtit {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--color-text-dark) !important;
    margin-bottom: 10px !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.ai-index .ind-xm-item .ind-doc-des.ind-doc-1 {
    font-size: 13px !important;
    color: var(--color-text-light) !important;
    margin-bottom: 12px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.ai-index .ind-xm-item .index-jiage-time {
    margin-top: auto !important;
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    padding-top: 0 !important;
    border-top: none !important;
}
.ai-index .ind-xm-item .youhui-jia {
    color: #ff4757 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    margin-right: 5px !important;
}
.ai-index .ind-xm-item .yuan-jia {
    font-size: 12px !important;
    color: var(--color-text-lighter) !important;
    text-decoration: line-through !important;
}
.ai-index .ind-xm-item .ind-doc-time {
    font-size: 11px !important;
    color: var(--color-text-lighter) !important;
    margin-top: 8px !important;
    width: 100% !important;
}
.ai-index .ind-xm-item .ind-doc-look {
    position: static !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: rgba(var(--color-primary-rgb), 0.08) !important;
    color: rgba(var(--color-primary-rgb), 1) !important;
    border: none !important;
    padding: 10px 0 !important;
    border-radius: 6px !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    transition: all 0.2s ease !important;
}
.ai-index .ind-xm-item .ind-doc-look:hover {
    background: rgba(var(--color-primary-rgb), 0.15) !important;
    color: rgba(var(--color-primary-rgb), 1) !important;
}

/* =========== 医院列表页标签样式 =========== */
.hospital-tabs {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding-bottom: 0;
}

.hospital-tab-item {

  padding: 12px 24px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-text-normal);
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
}

.hospital-tab-item:hover {
  color: var(--color-primary-dark);
  border-bottom-color: var(--color-primary-dark);
}

.hospital-tab-item.active {
  color: var(--color-primary-dark);
  border-bottom-color: var(--color-primary-dark);
}